<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<title>title</title>   
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body data-spy="scroll" data-target="#affix-nav">
<c:import url="../common/top.jsp"></c:import>
<div class="container" style="margin: 30px;"></div>



<!--  -->



<div class="container">
<div class="row">
<nav id="affix-nav" class="sidebar col-md-4">
	
	
    <ul class="nav sidenav" data-spy="affix" data-offset-top="10">
        <li class="active">
        	<a href="#cupcake">Cupcake Lorem Ipsum</a>
        	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<img class="img-responsive" alt="" src="/OffTheRecord/img/300x200.png">
			</div>
        <ul class="nav">
        <li><a href="#sweetjelly">Sweet Jelly</a></li>
        <li><a href="#tiramisu">Tiramisu</a></li>
        <li><a href="#pie">Pie</a></li>
        </ul>
        
        </li>
        <li><a href="#veggie">Veggie Lorem Ipsum</a>
        <ul class="nav">   
        <li><a href="#coriander">Coriander</a></li>
        <li><a href="#kohlrabi">Kohlrabi</a></li>
        <li><a href="#amaranth">Amaranth</a></li>
        <li><a href="#soybean">Soybean</a></li>        
        </ul>
        </li>
    </ul>
</nav>
 
<section id="content" class="col-md-8">
    <article id="cupcake">
    <h2><a href="http://www.cupcakeipsum.com/#" target="_blank">Cupcake Lorem Ipsum</a></h2>
    <p>Cupcake ipsum dolor sit amet toffee icing. Soufflé muffin danish cotton candy pudding cake danish chocolate candy. Oat cake apple pie ice cream biscuit brownie. Cookie chupa chups jelly lollipop. Chocolate cake sweet gummies ice cream powder gummi bears lemon drops icing caramels. Sesame snaps gingerbread chocolate bar sugar plum fruitcake icing jujubes pie.</p>
        <section id="sweetjelly"><h3>Sweet jelly</h3><p>Macaroon bonbon powder. Chocolate cupcake danish. Apple pie unerdwear.com brownie jelly. Halvah tart fruitcake gingerbread liquorice. Pastry caramels powder. Danish macaroon jujubes dragée croissant ice cream chocolate tootsie roll gummi bears. Tart jelly-o oat cake wafer.</p></section>
        <section id="tiramisu"><h3>Tiramisu</h3><p>Lemon drops chocolate cake jelly beans chocolate wafer unerdwear.com. Apple pie jelly beans topping danish candy canes carrot cake toffee jelly beans. Sweet roll dragée icing applicake cheesecake. Chupa chups pie pastry icing brownie wafer jujubes powder danish. Topping tiramisu danish jelly beans chupa chups dragée. Cake tootsie roll sweet roll marshmallow topping pudding toffee powder. Bear claw sesame snaps gummies unerdwear.com topping biscuit muffin. Donut chocolate muffin cotton candy marshmallow applicake.</p></section>
        <section id="pie"><h3>Pie</h3><p>Sugar plum sweet roll oat cake muffin tootsie roll danish brownie. Toffee cheesecake pudding pastry lollipop dessert candy chocolate cake wafer. Chupa chups marshmallow jelly caramels pie candy canes gummi bears wafer carrot cake. Wafer marshmallow chocolate cotton candy brownie. Lemon drops oat cake halvah cookie liquorice pie. Tart tootsie roll chupa chups cake wafer bear claw tart unerdwear.com. Cookie bonbon tart lollipop gummi bears pudding wafer danish. Marzipan cake dessert chupa chups tart chocolate cake bonbon jujubes. Unerdwear.com biscuit cookie cake gummies sweet roll tart caramels.</p></section>
    </article>
    <br />
    <article id="veggie">
        <h2><a href="http://veggieipsum.com/" target="_blank">Veggie Lorem Ipsum</a></h2>
        <p>Veggies sunt bona vobis.....
..
     </article>
</section>      
</div><!-- end of row -->
</div><!-- end of container -->
 





<!--  -->

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>   
</body>
</html>